<div class="userColumnBox text-center">
    <div class="userImageBox">
        <% if (user.imageflag != false) { %>
            <img src="<%= user.imagefile %>" alt="Profile picture">
        <% } else { %>
            <img src="/images/defaultUserImage.png" alt="Profile picture">
        <% } %>
    </div>

    <p class="userName"><%= user.name %></p>

    <p class="userGroupBox">
        User group : <span class="userGroup"><%= user.permissions %></span>
    </p>

    <div class="userIntroduction">
        <p><%= user.introduction %></p>
    </div>

    <div class="userButton">
        <% if (buttonTitle == "Personal setting") { %>
            <a href="/userSetting">
                <b class="fa fa-cog"></b>
                <p><%= buttonTitle %></p>
            </a>
        <% } else if (buttonTitle == "back to user center") { %>
            <a href="/userCenter">
                <b class="fa fa-chevron-left"></b>
                <p><%= buttonTitle %></p>
            </a>
        <% } %>
    </div>
</div>